<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:c="http://java.sun.com/jsp/jstl/core">

    <body>
        <ui:composition template="./../../WEB-INF/templates/noFooterCandidateTemplate.xhtml">
            <ui:define name="content">
                <div style="min-width: 1220px;">
                <div class="adquiredScrollerAnchor scroller_anchor"></div>
                <h:outputScript library="javascript" name="editCandidate.js"></h:outputScript>
                <script type="text/javascript">
                    //iniciarPaginaEditar();
                </script>
                <h:form id="editCandidateForm">
                    <p:remoteCommand process="@this" onstart="personalPanel.close();professionalPanel.close();educationalPanel.close();picturesPanel.close();languagePanel.close();relocatingPanel.close();interestPanel.close();skillsPanel.close();" name="hidePanels" autoRun="true">
                    </p:remoteCommand>
                    <p:remoteCommand process="@this" onstart="personalPanel.close();professionalPanel.close();educationalPanel.close();languagePanel.close();relocatingPanel.close();interestPanel.close();skillsPanel.close();" name="scrollToPictures"  onsuccess="picturesPanel.show();PrimeFaces.scrollTo('picturesForm');" autoRun="true" rendered="#{editCandidateBean.scrollToPictures}">
                        <f:setPropertyActionListener value="#{false}" target="#{editCandidateBean.scrollToPictures}"></f:setPropertyActionListener>
                    </p:remoteCommand>
                    <p:remoteCommand process="@this" onstart="personalPanel.close();professionalPanel.close();educationalPanel.close();picturesPanel.close();relocatingPanel.close();interestPanel.close();skillsPanel.close();" name="scrollToLanguages" oncomplete="languagePanel.show();PrimeFaces.scrollTo('languageForm');" autoRun="true" rendered="#{editCandidateBean.scrollToLanguages}">
                        <f:setPropertyActionListener value="#{false}" target="#{editCandidateBean.scrollToLanguages}"></f:setPropertyActionListener>
                    </p:remoteCommand>
                    <p:remoteCommand process="@this" onstart="professionalPanel.close();educationalPanel.close();picturesPanel.close();languagePanel.close();relocatingPanel.close();interestPanel.close();skillsPanel.close();" onsuccess="personalPanel.show();PrimeFaces.scrollTo('personalForm');" name="scrollToPersonal" autoRun="true" rendered="#{editCandidateBean.scrollToPersonal}">
                        <f:setPropertyActionListener value="#{false}" target="#{editCandidateBean.scrollToPictures}"></f:setPropertyActionListener>
                    </p:remoteCommand>
                    <p:dialog modal="true" style="width:250px;" resizable="false" widgetVar="statusDialog" header="#{messages.Uploading}" draggable="true" closable="true">  
                        <h:graphicImage library="images" style="width:200px" name="loading.gif" />
                        <h:outputText style="display:block;width:230px;font-size: 14px;margin-top: 15px;" value="#{messages.LoadingVideoText}"></h:outputText>
                    </p:dialog> 
                    <h:outputScript target="head" library="javascript" name="video.js"></h:outputScript>
                    <p:panel id="warningPanel" styleClass="noBorder noMargin noPadding">
                        <p:panel  rendered="#{editCandidateBean.candidate.bustColor==null or editCandidateBean.candidate.name==null or editCandidateBean.candidate.lastName==null or editCandidateBean.candidate.birthDay==null}" styleClass="noBorder warningPanel">
                            <p:commandLink onclick="personalPanel.close();professionalPanel.close();educationalPanel.close();languagePanel.close();relocatingPanel.close();interestPanel.close();" onsuccess="picturesPanel.show();PrimeFaces.scrollTo('picturesForm');" rendered="#{editCandidateBean.candidate.bustColor==null}" styleClass="block white warningText center" value="#{messages.NoPicturesWarning}"></p:commandLink>
                            <p:commandLink onclick="professionalPanel.close();educationalPanel.close();picturesPanel.close();languagePanel.close();relocatingPanel.close();interestPanel.close();" onsuccess="personalPanel.show();PrimeFaces.scrollTo('personalForm');" rendered="#{editCandidateBean.candidate.name==null or editCandidateBean.candidate.lastName==null or editCandidateBean.candidate.birthDay==null}" styleClass="block white warningText center" value="#{messages.NoPersonalInfoWarning}"></p:commandLink>
                        </p:panel>
                    </p:panel>
                    
                    <p:panel id="botoneraPanel" styleClass="editBotoneraPanel noMargin noPadding noBorder">
                        <p:commandLink onclick="personalPanel.close();professionalPanel.close();educationalPanel.close();picturesPanel.close();relocatingPanel.close();interestPanel.close();skillsPanel.close();" onsuccess="languagePanel.show();PrimeFaces.scrollTo('languageForm');" styleClass="#{loginBean.selectedUser.candidate!=null  and viewCandidateBean.videoIndex==null ? 'languageIconError' : 'languageIcon'} editDoubleIcon">
                            <h:outputText styleClass="editDoubleIconText" value="#{messages.Language}"></h:outputText>
                        </p:commandLink>
                        <p:commandLink onclick="professionalPanel.close();educationalPanel.close();picturesPanel.close();languagePanel.close();relocatingPanel.close();interestPanel.close();skillsPanel.close();" onsuccess="personalPanel.show();PrimeFaces.scrollTo('personalForm');" styleClass="#{loginBean.selectedUser.candidate!=null and loginBean.selectedUser.candidate.name==null and loginBean.selectedUser.candidate.lastName==null and loginBean.selectedUser.candidate.birthDay==null ? 'personalIconError' : 'personalIcon'} editIcon">
                            <h:outputText styleClass="editIconText" value="#{messages.Personal}"></h:outputText>
                        </p:commandLink>
                        <p:commandLink onclick="personalPanel.close();educationalPanel.close();picturesPanel.close();languagePanel.close();relocatingPanel.close();interestPanel.close();skillsPanel.close();" onsuccess="professionalPanel.show();PrimeFaces.scrollTo('professionalForm');" styleClass="professionalIcon editIcon iconMarginRight iconMarginBottom">
                            <h:outputText styleClass="editIconText" value="#{messages.Professional}"></h:outputText>
                        </p:commandLink>
                        <p:commandLink onclick="personalPanel.close();professionalPanel.close();picturesPanel.close();languagePanel.close();relocatingPanel.close();interestPanel.close();skillsPanel.close();" onsuccess="educationalPanel.show();PrimeFaces.scrollTo('educationalForm');" styleClass="educationalIcon editIcon iconMarginRight iconMarginBottom">
                            <h:outputText styleClass="editIconText" value="#{messages.Educational}"></h:outputText>
                        </p:commandLink>
                        <p:commandLink onclick="personalPanel.close();professionalPanel.close();educationalPanel.close();languagePanel.close();relocatingPanel.close();interestPanel.close();skillsPanel.close();" onsuccess="picturesPanel.show();PrimeFaces.scrollTo('picturesForm');" styleClass="#{loginBean.selectedUser.candidate!=null and (loginBean.selectedUser.candidate.bustColor==null or loginBean.selectedUser.candidate.bustBlackWhite==null or loginBean.selectedUser.candidate.bodyFormal==null) ? 'imageIconError' : 'imageIcon'} imageBigIcon">
                            <h:outputText styleClass="bigIconText" value="#{messages.Pictures}"></h:outputText>
                        </p:commandLink>
                        <p:commandLink onclick="personalPanel.close();professionalPanel.close();educationalPanel.close();picturesPanel.close();languagePanel.close();relocatingPanel.close();interestPanel.close();" onsuccess="skillsPanel.show();PrimeFaces.scrollTo('skillsForm');" styleClass="skillIcon editIcon">
                            <h:outputText styleClass="editIconText" value="#{messages.Skills}"></h:outputText>
                        </p:commandLink>
                        <p:commandLink onclick="personalPanel.close();professionalPanel.close();educationalPanel.close();picturesPanel.close();languagePanel.close();interestPanel.close();skillsPanel.close();" onsuccess="relocatingPanel.show();PrimeFaces.scrollTo('relocatingForm');" styleClass="relocatingIcon editIcon">
                            <h:outputText styleClass="editIconText" value="#{messages.Relocating}"></h:outputText>
                        </p:commandLink>
                        <p:commandLink onclick="personalPanel.close();professionalPanel.close();educationalPanel.close();picturesPanel.close();languagePanel.close();relocatingPanel.close();skillsPanel.close();" onsuccess="interestPanel.show();PrimeFaces.scrollTo('interestForm');" styleClass="interestIcon editIcon">
                            <h:outputText styleClass="editIconText" value="#{messages.Interest}"></h:outputText>
                        </p:commandLink>
                    </p:panel>
                    <p:dialog header="Tutorial" visible="#{editCandidateBean.showTutorial}"></p:dialog>
                    <p:growl id="editGrowl" showDetail="false" life="4000"/> 
                </h:form>
                
                <h:form id="picturesForm" enctype="multipart/form-data">
                    <p:panel widgetVar="picturesPanel" closable="true" closeSpeed="200" visible="true" styleClass="imageCandidatePanel noMargin noPadding noBorder" id="imagesPanel">
                        <p:panel rendered="#{editImageBean.originalImageFileName==null}" styleClass="imageCandidatePanel noMargin noPadding noBorder" id="currentImagesPanel">
                            <div class="divEditImagesTitle">
                                <span>#{messages.CurrentImages}</span>
                            </div>
                            <p:panel styleClass="noMargin noBorder noPadding chosenBustImage inlineBlock">
                                <p:commandLink onclick="$('input[type=file][id=imageFileUpload]').click()" rendered="#{viewCandidateBean.candidate.bustBlackWhite==null}">
                                    <h:graphicImage styleClass="chosenBustImage left greyBackground" library="images" name="bustnotavailable.png"></h:graphicImage>
                                </p:commandLink>
                                <h:graphicImage rendered="#{editCandidateBean.candidate.bustBlackWhite!=null}" styleClass="left" value="/candidateFiles/#{editCandidateBean.candidate.idCandidate.toString()}/images/#{editCandidateBean.candidate.bustBlackWhite}"></h:graphicImage>
                                <p:panel header="#{messages.EditImages}" styleClass="noMargin noPadding noBorder noPaddingTitle inlineBlock marginTopTitle">
                                    <h:outputText styleClass="tipText" value="#{messages.EditYourPicturesTip}"></h:outputText>
                                </p:panel>
                            </p:panel>
                            <p:commandLink onclick="$('input[type=file][class=imageFileUpload]').click()" rendered="#{viewCandidateBean.candidate.bodyFormal==null}">
                                <h:graphicImage styleClass="chosenBodyImage floatRight greyBackground" library="images" name="bodynotavailable.png"></h:graphicImage>
                            </p:commandLink>
                            <h:graphicImage rendered="#{editCandidateBean.candidate.bodyFormal!=null}" styleClass="chosenBodyImage floatRight" value="/candidateFiles/#{editCandidateBean.candidate.idCandidate.toString()}/images/#{editCandidateBean.candidate.bodyFormal}"></h:graphicImage>
                        </p:panel>    

                        <p:panel styleClass="noBorder cropPanel imageSectionPanel" id="croppingBustPanel" rendered="#{editImageBean.originalImageResized!=null and editImageBean.bustCroppedImage==null}">
                            <div class="divEditImagesTitle">
                                <span>#{messages.EditImages}</span>
                            </div>
                            <script type="text/javascript" language="javascript">
                                iniciarPaginaCrop('#{editImageBean.originalImageResized.bufferedImage.width}','#{editImageBean.originalImageResized.bufferedImage.height}');
                            </script>
                            <div class="divPreview" style="overflow: hidden; width: 250px; height: 250px;">
                                <h:graphicImage value="/candidateImages/#{editImageBean.originalImageFileName}"></h:graphicImage>
                            </div>
                            <h:graphicImage style="z-index:100000" styleClass="imagenSilueta" library="images" name="silueta1.png"></h:graphicImage>
                            <div class="divOriginalImage">
                                <h:graphicImage  value="/candidateImages/#{editImageBean.originalImageFileName}"></h:graphicImage>
                            </div>
                            <h:inputHidden id="x1" value="#{editImageBean.x1}">
                                <f:convertNumber minIntegerDigits="1" minFractionDigits="0" maxFractionDigits="2"></f:convertNumber>
                            </h:inputHidden>
                            <h:inputHidden id="x2" value="#{editImageBean.x2}">
                                <f:convertNumber minIntegerDigits="1" minFractionDigits="0" maxFractionDigits="2"></f:convertNumber>
                            </h:inputHidden>
                            <h:inputHidden id="y1" value="#{editImageBean.y1}">
                                <f:convertNumber minIntegerDigits="1" minFractionDigits="0" maxFractionDigits="2"></f:convertNumber>            
                            </h:inputHidden>
                            <h:inputHidden id="y2" value="#{editImageBean.y2}">
                                <f:convertNumber minIntegerDigits="1" minFractionDigits="0" maxFractionDigits="2"></f:convertNumber>
                            </h:inputHidden>
                            <h:inputHidden id="cropWidth" value="#{editImageBean.cropWidth}">
                                <f:convertNumber minIntegerDigits="1" minFractionDigits="0" maxFractionDigits="2"></f:convertNumber>
                            </h:inputHidden>
                            <h:inputHidden id="cropHeight" value="#{editImageBean.cropHeight}">
                                <f:convertNumber minIntegerDigits="1" minFractionDigits="0" maxFractionDigits="2"></f:convertNumber>
                            </h:inputHidden>
                            <div style='margin-top:-520px;width:100%;margin-bottom: 520px;'>
                                <p:commandButton styleClass="imageBackgroundButton bustCropButton cropButton" value="#{messages.Crop}" process="@parent" update="imagesPanel" id="cropBustButton" action="#{editImageBean.cropImageAndRedirect}" /> 
                                <p:panel header="#{messages.CropFace}" styleClass="titleRight noMargin noPadding noBorder noPaddingTitle marginTopTitle cropBustTip inlineBlock">
                                    <h:outputText styleClass="tipText" value="#{messages.CropFaceTip}"></h:outputText>
                                </p:panel>
                            </div>
                            
                        </p:panel>

                            <p:panel rendered="#{editImageBean.bustCroppedImage!=null and editImageBean.chosenBustImage==null}" styleClass="noMargin noPadding noBorder" id="chooseBustPanel">
                                <div class="divEditImagesTitle">
                                    <span>#{messages.EditImages}</span>
                                </div>
                                <p:panel styleClass="noMargin noPadding noBorder">
                                    <p:graphicImage library="images" name="foto-ejemplo-retrato.jpg"></p:graphicImage>
                                    <p:panel header="#{messages.CroppedFace}" styleClass="noMargin noPadding noBorder inlineBlock noPaddingTitle chooseBustImageTip">
                                        <h:outputText styleClass="tipText" value="#{messages.EditYourPicturesBustResult}"></h:outputText>
                                    </p:panel>
                                    <p:dataGrid styleClass="inlineBlock floatRight" id="chooseBustImageDataGrid" var="imageId" value="#{editImageBean.resultImagesIdentifiers}" columns="#{editImageBean.numberOfResultColumns}" rows="1" paginator="false">  
                                        <p:column>  
                                            <h:panelGrid columns="1" styleClass="createCandidatePanelGrid inlineBlock floatRight"> 
                                                <p:graphicImage styleClass="chooseBustImage" value="#{editImageBean.imageFromIdentifier}">
                                                    <f:param name="id" value="#{imageId}" />
                                                </p:graphicImage>
                                                <p:commandButton process="@parent" update=":picturesForm:imagesPanel" styleClass="chooseButton imageBackgroundButton updatePicturesButton" action="#{editImageBean.chooseImage}" value="#{messages.Next}">
                                                    <f:param name="chosenid" value="#{imageId}" />
                                                </p:commandButton>
                                            </h:panelGrid>   
                                        </p:column>  
                                    </p:dataGrid>
                                </p:panel>
                            </p:panel>

                            <p:panel styleClass="cropingImagePanel cropPanel" id="croppingBodyPanel" rendered="#{editImageBean.originalImageResized!=null and editImageBean.chosenBustImage!=null and editImageBean.bodyCroppedImage==null}">
                                <div class="divEditImagesTitle">
                                    <span>#{messages.EditImages}</span>
                                </div>
                                <script type="text/javascript" language="javascript">
                                    iniciarPaginaCropParams('#{editImageBean.originalImageResized.bufferedImage.width}','#{editImageBean.originalImageResized.bufferedImage.height}','350','600',1);
                                </script>
                                <div id="divPreviewBody" class="divPreview" style="overflow: hidden; width: 350px; height: 600px;">
                                        <h:graphicImage value="/candidateImages/#{editImageBean.originalImageFileName}"></h:graphicImage>                                    
                                </div>
                                <h:graphicImage styleClass="imagenSiluetaBody" library="images" name="silueta3.png"></h:graphicImage>
                                <div class="divOriginalImage">
                                        <h:graphicImage value="/candidateImages/#{editImageBean.originalImageFileName}"></h:graphicImage>                                    
                                </div>
                                
                                <h:inputHidden  id="form1x1" value="#{editImageBean.x1}">
                                    <f:convertNumber minIntegerDigits="1" minFractionDigits="0" maxFractionDigits="2"></f:convertNumber>
                                </h:inputHidden>
                                <h:inputHidden id="form1x2" value="#{editImageBean.x2}">
                                    <f:convertNumber minIntegerDigits="1" minFractionDigits="0" maxFractionDigits="2"></f:convertNumber>
                                </h:inputHidden>
                                <h:inputHidden id="form1y1" value="#{editImageBean.y1}">
                                    <f:convertNumber minIntegerDigits="1" minFractionDigits="0" maxFractionDigits="2"></f:convertNumber>            
                                </h:inputHidden>
                                <h:inputHidden id="form1y2" value="#{editImageBean.y2}">
                                    <f:convertNumber minIntegerDigits="1" minFractionDigits="0" maxFractionDigits="2"></f:convertNumber>
                                </h:inputHidden>
                                <h:inputHidden id="form1cropWidth" value="#{editImageBean.cropWidth}">
                                    <f:convertNumber minIntegerDigits="1" minFractionDigits="0" maxFractionDigits="2"></f:convertNumber>
                                </h:inputHidden>
                                <h:inputHidden id="form1cropHeight" value="#{editImageBean.cropHeight}">
                                    <f:convertNumber minIntegerDigits="1" minFractionDigits="0" maxFractionDigits="2"></f:convertNumber>
                                </h:inputHidden>
                                <div style='margin-top:-170px;width:100%;margin-bottom: 170px;'>
                                    <p:commandButton styleClass="imageBackgroundButton bodyCropButton cropButton" value="#{messages.Crop}" process="@parent" update="imagesPanel" id="cropBodyButton" action="#{editImageBean.cropBodyImageAndRedirect}" /> 
                                    <p:panel header="#{messages.CropBody}" styleClass="titleRight noMargin noPadding noBorder noPaddingTitle marginTopTitle cropBodyTip">
                                        <h:outputText styleClass="tipText" value="#{messages.EditYourPicturesCropBody}"></h:outputText>
                                    </p:panel>
                                </div>
                            </p:panel>

                            <p:panel rendered="#{editImageBean.bodyCroppedImage!=null and editImageBean.chosenBodyImage==null}" styleClass="noMargin noPadding noBorder imageSectionPanel" id="chooseBodyPanel">
                                <div class="divEditImagesTitle">
                                    <span>#{messages.EditImages}</span>
                                </div>
                                <p:graphicImage styleClass="exampleBodyPicture" library="images" name="foto-ejemplo.jpg"></p:graphicImage>
                                <p:panel header="#{messages.CroppedBody}" styleClass="noMargin noPadding noBorder inlineBlock noPaddingTitle chooseBustImageTip">
                                    <h:outputText styleClass="tipText" value="#{messages.EditYourPicturesBodyResult}"></h:outputText>
                                </p:panel>
                                <p:dataGrid styleClass="inlineBlock floatRight" var="imageId" value="#{editImageBean.bodyResultImagesIdentifiers}" columns="#{editImageBean.numberOfBodyResultColumns}" rows="1" paginator="false">  
                                    <p:column>  
                                        <h:panelGrid columns="1" style="width:100%">  
                                            <p:graphicImage styleClass="chooseBodyImage" value="#{editImageBean.bodyImageFromIdentifier}">
                                                <f:param name="id" value="#{imageId}" />
                                            </p:graphicImage>
                                            <p:commandButton process="@parent" update=":picturesForm:imagesPanel" styleClass="chooseButton imageBackgroundButton updatePicturesButton" action="#{editImageBean.chooseBodyImage}" value="#{messages.Next}">
                                                <f:param name="chosenid" value="#{imageId}" />
                                            </p:commandButton>
                                        </h:panelGrid>   
                                    </p:column>  
                                </p:dataGrid>
                            </p:panel>


                            <p:panel rendered="#{editImageBean.chosenBodyImage!=null and editImageBean.chosenBustImage!=null}" styleClass="noMargin noPadding noBorder" id="previewImagesPanel">
                                <div class="divEditImagesTitle">
                                    <span>#{messages.EditImages}</span>
                                </div>
                                <p:graphicImage styleClass="chooseBustImage" value="#{editImageBean.chosenBustImage.streamedContentBufferedImage}"></p:graphicImage>

                                <p:graphicImage styleClass="chooseBodyImage floatRight" value="#{editImageBean.chosenBodyImage.streamedContentBufferedImage}"></p:graphicImage>
                                <p:panel header="#{messages.ResultImages}" styleClass="noMargin noPadding noBorder noPaddingTitle finalPicturesTip inlineBlock">
                                    <h:outputText styleClass="tipText" value="#{messages.EditYourPicturesResult}"></h:outputText>
                                </p:panel>
                            </p:panel>

                            <p:panel styleClass="marginTop picturesButtonPanel" id="thirdPanel">  
                                <p:fileUpload style="display:inline-block;" auto="true" styleClass="imageFileUpload autoFileUpload" id="imageFileUploader" uploadLabel="#{messages.Upload}" label="#{messages.BustImageFileUploadLabel}" cancelLabel="#{messages.Cancel}" invalidSizeMessage="#{messages.BustFileSize}" invalidFileMessage="#{messages.BustFileFormat}" requiredMessage="#{messages.BustRequired}" value="#{editImageBean.originalImageFile}" fileUploadListener="#{editImageBean.processOriginalImageFile}"    
                                        update="imagesPanel"
                                        process="@parent"
                                        sizeLimit="3000000"   
                                        allowTypes="/(\.|\/)(gif|GIF|jpe?g|JPE?G|PNG|png|bmp|BMP)$/"/>
                                    <p:commandButton disabled="#{editImageBean.chosenBodyImage==null or editImageBean.chosenBustImage==null}" styleClass="imageBackgroundButton updatePicturesButton" value="#{messages.Update}" oncomplete="PrimeFaces.scrollTo('headerForm');" process="imagesPanel" update=":editCandidateForm:editGrowl imagesPanel :editCandidateForm:botoneraPanel :editCandidateForm:warningPanel" action="#{editCandidateBean.editImages()}" />                        
                            </p:panel>                            
                    </p:panel>
                </h:form>
                <p:panel visible="true" closable="true" closeSpeed="200" widgetVar="skillsPanel"  styleClass="noMargin noPadding noBorder noPaddingTopTitle" >  
                    <h:form id="skillsForm">
                        <p:panel styleClass="noMargin noPadding noBorder" id="candidateCurrentSkill" header="#{messages.Skills}">
                            <h:outputText value="#{messages.RemainingTags} #{40-editCandidateBean.candidate.candidateTagsList.size()}"></h:outputText>
                            <p:dataGrid  styleClass="noSidePaddingCell marginTop20"  var="tag" value="#{editCandidateBean.candidate.candidateTagsList}" columns="5" emptyMessage="" >
                                <p:panel styleClass="skillBackgroundDataGridElement noSidePaddingCell marginRight20 noPadding">
                                    <h:outputText styleClass="marginLeft20" value="#{tag.tag}" />
                                    <p:commandButton style="width:20px; height: 20px" actionListener="#{editCandidateBean.removeCandidateTag(tag)}" styleClass="deleteButton marginLeft20" process="@this"  update=":skillsForm:candidateCurrentSkill" icon="ui-icon-close">
                                    </p:commandButton>
                                </p:panel>
                            </p:dataGrid>
                        </p:panel>
                    </h:form>
                    <h:form id="skillsFormAdd">
                        <p:panel id="addSkillPanel" styleClass="marginTop noPaddingTopTitle" header="#{messages.EditSkillsInfo}">
                            <p:panel header="#{messages.Skills}" styleClass="tipListPanel floatRight noMargin noPadding noBorder inlineBlock noPaddingTitle">
                                    <h:outputText styleClass="tipText" value="#{messages.SkillsTip}"></h:outputText>
                            </p:panel>
                            <div class="listGrid">
                                <h:panelGrid styleClass="noBorderSpacing" columns="1">  
                                    <p:autoComplete styleClass="ui-autocomplete-input noPadding noMargin" id="name" maxlength="30" required="true" minQueryLength="3" completeMethod="#{editCandidateBean.autocompleteTags}" value="#{editCandidateBean.newCandidateTag.tag}"  requiredMessage="#{messages.SkillRequired}" maxResults="10" label="#{messages.Skill}">  
                                        <p:ajax event="itemSelect" listener="#{editCandidateBean.setSelectecAutocompleteItem}" update=":skillsFormAdd:addSkillPanel" />
                                        <p:ajax event="change" update=":editCandidateForm:editGrowl" />
                                     </p:autoComplete>  
                                    <p:watermark for="name" value="#{messages.Skill}" /> 
                                    <p:commandButton styleClass="updatePicturesButton formButton skillsBackgroundButton" value="#{messages.Add}" process="@parent" update=":skillsFormAdd:addSkillPanel :skillsForm:candidateCurrentSkill :editCandidateForm:editGrowl :editCandidateForm:botoneraPanel " action="#{editCandidateBean.createdCandidateTag}" />                        
                                </h:panelGrid>
                            </div>
                        </p:panel>
                    </h:form>
                </p:panel>

                
                <h:form id="personalForm">
                    <p:panel visible="true" closable="true" closeSpeed="200" widgetVar="personalPanel" header="#{messages.EditPersonalInfo}" styleClass="noMargin noPadding noBorder noPaddingTopTitle" id="secondPanel">  
                        <p:panel header="#{messages.Tip}" styleClass="personalTipPanel floatRight noMargin noPadding noBorder inlineBlock noPaddingTitle">
                                <h:outputText styleClass="tipText" value="#{messages.PersonalTip}"></h:outputText>
                        </p:panel>
                        <h:panelGrid styleClass="noBorderSpacing" columns="1">  
                            <p:inputText id="name" required="true" value="#{editCandidateBean.candidate.name}"  requiredMessage="#{messages.NameRequired}" label="#{messages.Name}">  
                                <p:ajax event="change" update=":editCandidateForm:editGrowl" />
                            </p:inputText>  
                            <p:watermark for="name" value="#{messages.Name}" /> 

                            <p:inputText id="lastName" required="true" value="#{editCandidateBean.candidate.lastName}"  requiredMessage="#{messages.LastNameRequired}" label="#{messages.LastName}">
                                <p:ajax event="change" update=":editCandidateForm:editGrowl" />
                            </p:inputText>
                            <p:watermark for="lastName" value="#{messages.LastName}" />

                            <p:inputText id="phone" required="true" value="#{editCandidateBean.candidate.phone}"  requiredMessage="#{messages.PhoneRequired}" label="#{messages.Phone}">
                                <p:ajax event="change" update=":editCandidateForm:editGrowl" />
                            </p:inputText>
                            <p:watermark for="phone" value="#{messages.Phone}" />

                            <p:calendar mindate="1/1/1950" yearRange="c-50:c+50" pattern="dd/MM/yyyy" maxdate="#{resourcesBean.maxDate}" styleClass="inputCalendar" locale="es" value="#{editCandidateBean.candidate.birthDay}" navigator="true" required="true" id="birthDay" requiredMessage="#{messages.BirthDayRequired}" label="#{messages.BirthDay}"/>
                            <p:watermark for="birthDay" value="#{messages.BirthDayWatermark}" />

                            <p:selectOneMenu required="true" converter="#{sexConverter}" id="selectSex"  value="#{editCandidateBean.candidate.sex}" effect="fade"  label="#{messages.Sex}" requiredMessage="#{messages.SexRequired}">  
                                <f:selectItem itemLabel="#{messages.Sex}" itemValue="" />  
                                <f:selectItems value="#{userResourcesBean.sexs}" var="sex" itemLabel="#{sexBundle[sex.idSex.toString()]}" itemValue="#{sex}"/>  
                                <p:ajax event="change" process="@this" update=":editCandidateForm:editGrowl" />
                            </p:selectOneMenu>

                            <p:selectOneMenu filter="true" filterMatchMode="contains" required="true" converter="#{countryConverter}" id="selectCountry"  value="#{editCandidateBean.candidate.country}" effect="fade"  label="#{messages.Country}" requiredMessage="#{messages.CountryRequired}">  
                                <f:selectItem itemLabel="#{messages.Country}" itemValue="" />  
                                <f:selectItem itemLabel="#{countryBundle[resourcesBean.spain.idCountry.toString()]}"  itemValue="#{resourcesBean.spain}" />  
                                <f:selectItems value="#{userResourcesBean.countries}" var="country" itemLabel="#{countryBundle[country.idCountry.toString()]}" itemValue="#{country}"/>  
                                <p:ajax event="change" process="@this" update="selectProvince selectTown" />
                            </p:selectOneMenu> 

                            <p:selectOneMenu filter="true" filterMatchMode="contains" required="true" converter="#{provinceConverter}" id="selectProvince"  value="#{editCandidateBean.candidate.province}" effect="fade"  label="#{messages.Province}" requiredMessage="#{messages.ProvinceRequired}">  
                                <f:selectItem itemLabel="#{messages.Province}" itemValue="" />  
                                <f:selectItems rendered="#{editCandidateBean.candidate.country!=null}" value="#{userResourcesBean.countries[userResourcesBean.countries.indexOf(editCandidateBean.candidate.country)].provinceList}" var="province" itemLabel="#{province.description}" itemValue="#{province}"/>  
                                <p:ajax event="change" process="@this" update="selectTown selectProvince" />
                            </p:selectOneMenu>
                            

                            <p:selectOneMenu filter="true" filterMatchMode="contains" required="true" converter="#{townConverter}" id="selectTown"  value="#{editCandidateBean.candidate.town}" effect="fade"  label="#{messages.Town}" requiredMessage="#{messages.TownRequired}">  
                                <f:selectItem itemLabel="#{messages.Town}" itemValue="" />  
                                <f:selectItems rendered="#{editCandidateBean.candidate.province!=null}" value="#{userResourcesBean.countries[userResourcesBean.countries.indexOf(editCandidateBean.candidate.country)].provinceList[userResourcesBean.countries[userResourcesBean.countries.indexOf(editCandidateBean.candidate.country)].provinceList.indexOf(editCandidateBean.candidate.province)].townList}" var="town" itemLabel="#{town.description}" itemValue="#{town}"/>  
                                <p:ajax event="change" process="@this" update=":editCandidateForm:editGrowl selectTown" />
                            </p:selectOneMenu>

                            <p:selectOneMenu required="true" converter="#{timeAvailabilityConverter}" id="selectTimeAvailability"  value="#{editCandidateBean.candidate.timeAvailability}" effect="fade"  label="#{messages.TimeAvailability}" requiredMessage="#{messages.TimeAvailabilityRequired}">  
                                <f:selectItem itemLabel="#{messages.TimeAvailability}" itemValue="" />  
                                <f:selectItems value="#{userResourcesBean.timeAvailabilities}" var="timeAvailability" itemLabel="#{timeAvailabilityBundle[timeAvailability.idTimeAvailability.toString()]}" itemValue="#{timeAvailability}"/>  
                                <p:ajax event="change" process="@this" update=":editCandidateForm:editGrowl" />
                            </p:selectOneMenu>

                            <p:selectOneMenu id="selectOwnVehicle"  value="#{editCandidateBean.candidate.hasVehicle}" effect="fade" required="false" label="#{messages.OwnVehicle}" requiredMessage="#{messages.OwnVehicleRequired}">  
                                <f:selectItem itemLabel="#{messages.OwnVehicle}" itemValue="" />
                                <f:selectItem itemLabel="#{messages.Yes}" itemValue="#{true}" />
                                <f:selectItem itemLabel="#{messages.No}" itemValue="#{false}" />
                                <p:ajax event="change" process="@this" update=":editCandidateForm:editGrowl" />
                            </p:selectOneMenu>

                        </h:panelGrid>
                        <p:commandButton styleClass="updatePicturesButton formButton personalBackgroundButton" value="#{messages.Update}" process="secondPanel" update=":editCandidateForm:editGrowl secondPanel :editCandidateForm:botoneraPanel :editCandidateForm:warningPanel" oncomplete="PrimeFaces.scrollTo('headerForm');" action="#{editCandidateBean.editPersonal()}" />                        
                    </p:panel>
                </h:form>
                
                <h:form id="educationalForm">
                    <p:panel closable="true" closeSpeed="200" visible="true" widgetVar="educationalPanel" styleClass="noMargin noPadding noBorder sectionPanel" id="educationalPanel">
                        <p:panel styleClass="noMargin noPadding noBorder" id="candidateCurrentEducational">
                            <p:dataTable styleClass="educationalTable editTable" emptyMessage="#{messages.NoEducationalInfoSelected}" id="currentEducationalInfo" var="currentEducationalInfo" value="#{editCandidateBean.candidate.candidateEducationalInfoList}" >
                                <p:column headerText="#{messages.EducationalDescription}" style="width:30%">  
                                    <h:outputText value="#{currentEducationalInfo.description}" />  
                                </p:column>

                                <p:column headerText="#{messages.EducationalLevel}" style="width:20%">  
                                    <h:outputText value="#{educationalLevelBundle[currentEducationalInfo.educationalLevel.idEducationalLevel.toString()]}" />  
                                </p:column>

                                <p:column headerText="#{messages.Sector}" style="width:20%">  
                                    <h:outputText value="#{sectorBundle[currentEducationalInfo.sector.idSector.toString()]}" />  
                                </p:column>

                                <p:column headerText="#{messages.EducationalStatus}" style="width:20%">  
                                    <h:outputText value="#{educationalStatusBundle[currentEducationalInfo.status.idEducationalStatus.toString()]}" />  
                                </p:column>

                                <p:column styleClass="right" style="width:10%">  
                                    <p:commandButton actionListener="#{editCandidateBean.removeCandidateEducationalInfo(currentEducationalInfo)}" styleClass="deleteButton" update=":educationalForm:candidateCurrentEducational" process=":educationalForm:candidateCurrentEducational" icon="ui-icon-close">  
                                        <p:collector unique="true" id="currentEducationalColector" value="#{currentEducationalInfo}" removeFrom="#{editCandidateBean.candidate.candidateEducationalInfoList}" />
                                    </p:commandButton> 
                                </p:column>

                            </p:dataTable>
                        </p:panel>
                        <p:panel styleClass="marginTop noPaddingTopTitle" id="editCandidateEducationalInfoPanel" header="#{messages.EditAddEducationalInfo}">
                            <p:panel header="#{messages.EducationalTip}" styleClass="tipListPanel floatRight noMargin noPadding noBorder inlineBlock noPaddingTitle">
                                <h:outputText styleClass="tipText" value="#{messages.EducationalTipText}"></h:outputText>
                            </p:panel>
                            <div class="listGrid">
                            <h:panelGrid id="educationalPanelGrid" styleClass="noBorderSpacing" columns="1">  
                                <p:selectOneMenu required="false" requiredMessage="#{messages.EducationalLevelRequired}" converter="#{educationalLevelConverter}" id="selectEducationalLevel"  value="#{editCandidateBean.collectorEducationalInfo.educationalLevel}" effect="fade" label="#{messages.EducationalLevel}">  
                                    <f:selectItem itemLabel="#{messages.EducationalLevel}" itemValue="" />  
                                    <f:selectItems value="#{userResourcesBean.educationalLevels}" var="educationalLevel" itemLabel="#{educationalLevelBundle[educationalLevel.idEducationalLevel.toString()]}" itemValue="#{educationalLevel}"/>  
                                    <p:ajax event="change" update="editCandidateEducationalInfoPanel butonAddEducationalInfo"/>  
                                </p:selectOneMenu>
                            </h:panelGrid>
                            <h:panelGrid id="educationalCareerPanelGrid" rendered="#{editCandidateBean.collectorEducationalInfo.educationalLevel.educationalValue>'2'}" styleClass="noBorderSpacing" columns="1">  
                                <p:inputText id="educationalDescription" required="true" value="#{editCandidateBean.collectorEducationalInfo.description}" label="#{messages.EducationalDescription}">  
                                    <f:validateLength maximum="100"></f:validateLength>
                                </p:inputText>  
                                <p:watermark for="educationalDescription" value="#{messages.EducationalDescription}" />

                                <p:selectOneMenu filter="true" filterMatchMode="contains" converter="#{sectorConverter}" id="selectSector"  value="#{editCandidateBean.collectorEducationalInfo.sector}" effect="fade" label="#{messages.Sector}">  
                                    <f:selectItem itemLabel="#{messages.Sector}" itemValue="" />  
                                    <f:selectItems value="#{userResourcesBean.sectors}" var="sector" itemLabel="#{sectorBundle[sector.idSector.toString()]}" itemValue="#{sector}"/>  
                                    <p:ajax update="butonAddEducationalInfo"/>  
                                </p:selectOneMenu>
                                <p:selectOneMenu converter="#{educationalStatusConverter}" id="selectStatus"  value="#{editCandidateBean.collectorEducationalInfo.status}" effect="fade" label="#{messages.EducationalStatus}">  
                                    <f:selectItem itemLabel="#{messages.EducationalStatus}" itemValue="" />  
                                    <f:selectItems value="#{userResourcesBean.educationalStatuses}" var="educationalStatus" itemLabel="#{educationalStatusBundle[educationalStatus.idEducationalStatus.toString()]}" itemValue="#{educationalStatus}"/>  
                                    <p:ajax update="butonAddEducationalInfo"/>  
                                </p:selectOneMenu>
                            </h:panelGrid>  
                                <p:panel id="butonAddEducationalInfo">
                                    <p:commandButton rendered="#{editCandidateBean.collectorEducationalInfo.educationalLevel.educationalValue le 2 or editCandidateBean.collectorEducationalInfo.educationalLevel.educationalValue==null}" disabled="#{editCandidateBean.collectorEducationalInfo.educationalLevel==null}" process="@parent" actionListener="#{editCandidateBean.saveEducational()}" styleClass="updatePicturesButton formButton educationalBackgroundButton" value="#{messages.Add}" update=":editCandidateForm:editGrowl educationalPanel"></p:commandButton>
                                    <p:commandButton rendered="#{editCandidateBean.collectorEducationalInfo.educationalLevel.educationalValue!=null and editCandidateBean.collectorEducationalInfo.educationalLevel.educationalValue>'2'}" disabled="#{editCandidateBean.collectorEducationalInfo.educationalLevel==null or editCandidateBean.collectorEducationalInfo.sector==null or editCandidateBean.collectorEducationalInfo.status==null}" process="educationalPanelGrid educationalCareerPanelGrid @parent" actionListener="#{editCandidateBean.saveEducational()}" styleClass="updatePicturesButton formButton educationalBackgroundButton" value="#{messages.Add}" update=":editCandidateForm:editGrowl educationalPanel"></p:commandButton>    
                                </p:panel>
                            </div>

                        </p:panel>

                    </p:panel>
                    
                </h:form>
                    
                <h:form id="professionalForm">
                    <p:dialog id="professionalInfoDialog" widgetVar="professionalInfoDialog" resizable="false"  
                              showEffect="fade" hideEffect="fade" header="#{messages.Professional}" style="max-width:500px;height:400px">  
                        <div class="listGrid">
                            <p:panel id="editProfessionalPanel" styleClass="noPaddingTopTitle noBorder noMargin noPadding">
                                <h:panelGrid styleClass="noBorderSpacing" columns="1">  
                                    <p:selectOneMenu filter="true" filterMatchMode="contains" required="false" requiredMessage="#{messages.SectorRequired}" converter="#{sectorConverter}" id="editSelectProfessionalSector"  value="#{editCandidateBean.selectedProfessionalInfo.sector}" effect="fade" label="#{messages.Sector}">  
                                        <f:selectItem itemLabel="#{messages.Sector}" itemValue="" />  
                                        <f:selectItems value="#{userResourcesBean.sectors}" var="sector" itemLabel="#{sectorBundle[sector.idSector.toString()]}" itemValue="#{sector}"/>
                                        <p:ajax update="editProfessionalPanel"/>
                                    </p:selectOneMenu>

                                    <p:inputText  required="true" requiredMessage="#{messages.CompanyRequired}" id="editCompany" value="#{editCandidateBean.selectedProfessionalInfo.company}" label="#{messages.Company}">  
                                        <f:validateLength maximum="100"></f:validateLength>
                                        <p:ajax update="editProfessionalPanel"/>
                                    </p:inputText>  
                                    <p:watermark for="editCompany" value="#{messages.Company}" />

                                    <p:selectOneMenu filter="true" filterMatchMode="contains" required="true" requiredMessage="#{messages.JobPositionRequired}" converter="#{jobPositionConverter}" id="editSelectJobPosition"  value="#{editCandidateBean.selectedProfessionalInfo.jobPosition}" effect="fade" label="#{messages.JobPosition}">  
                                        <f:selectItem itemLabel="#{messages.JobPosition}" itemValue="" />  
                                        <f:selectItems value="#{userResourcesBean.jobPositions}" var="jobPosition" itemLabel="#{jobPositionBundle[jobPosition.idJobPosition.toString()]}" itemValue="#{jobPosition}"/>
                                        <p:ajax update="editProfessionalPanel"/>
                                    </p:selectOneMenu>

                                    <p:selectOneMenu  required="true" requiredMessage="#{messages.JobDurationRequired}" converter="#{jobDurationConverter}" id="editSelectJobDuration"  value="#{editCandidateBean.selectedProfessionalInfo.jobDuration}" effect="fade" label="#{messages.JobDuration}">  
                                        <f:selectItem itemLabel="#{messages.JobDuration}" itemValue="" />  
                                        <f:selectItems value="#{userResourcesBean.jobDurations}" var="jobDuration" itemLabel="#{jobDurationBundle[jobDuration.idJobDuration.toString()]}" itemValue="#{jobDuration}"/>  
                                        <p:ajax update="editProfessionalPanel"/>
                                    </p:selectOneMenu>

                                    <p:calendar  mindate="1/1/1950" yearRange="c-50:c+50" pattern="dd/MM/yyyy" maxdate="1/1/2050" styleClass="inputCalendar" locale="es" value="#{editCandidateBean.selectedProfessionalInfo.startDate}" navigator="true" required="true" id="editStartDateProfessional" requiredMessage="#{messages.StartDateRequired}" label="#{messages.StartDate}">
                                        <p:ajax event="dateSelect" update="editProfessionalPanel"/>
                                    </p:calendar>
                                    <p:watermark for="editStartDateProfessional" value="#{messages.StartDate}" />

                                    <p:calendar  mindate="1/1/1950" yearRange="c-50:c+50" pattern="dd/MM/yyyy"  styleClass="inputCalendar" locale="es" value="#{editCandidateBean.selectedProfessionalInfo.finishDate}" navigator="true" required="true" id="editFinishDateProfessional" requiredMessage="#{messages.FinishDateRequired}" label="#{messages.FinishDate}">
                                        <p:ajax event="dateSelect" update="editProfessionalPanel"/>
                                    </p:calendar>
                                    <p:watermark for="editFinishDateProfessional" value="#{messages.FinishDate}" />

                                    <p:inputTextarea styleClass="ui-inputtext summaryTextArea"  required="false"  id="editShortDescription" value="#{editCandidateBean.selectedProfessionalInfo.description}" label="#{messages.Description}" maxlength="150" counter="editCounter" counterTemplate="{0} #{messages.CharactersRemaining}" >  
                                        <f:validateLength maximum="150"></f:validateLength>
                                        <p:ajax update="editProfessionalPanel"/>
                                    </p:inputTextarea>
                                    <p:watermark for="editShortDescription" value="#{messages.DescriptionProfessional}" />
                                    <h:outputText styleClass="bodyText" id="editCounter" />
                                </h:panelGrid>
                                <p:commandButton process="@parent" actionListener="#{editCandidateBean.editProfessional()}" disabled="#{editCandidateBean.selectedProfessionalInfo.sector==null or editCandidateBean.selectedProfessionalInfo.jobDuration==null or editCandidateBean.selectedProfessionalInfo.jobPosition==null or editCandidateBean.selectedProfessionalInfo.company==null or editCandidateBean.selectedProfessionalInfo.startDate==null or editCandidateBean.selectedProfessionalInfo.finishDate==null}" styleClass="updatePicturesButton formButton professionalBackgroundButton" id="btn_edit" value="#{messages.Edit}" onsuccess="professionalInfoDialog.hide();" update=":editCandidateForm:editGrowl professionalPanel"></p:commandButton>    
                            </p:panel>
                        </div>
                    </p:dialog> 
                    <p:panel closable="true" closeSpeed="200" visible="true" widgetVar="professionalPanel" styleClass="noMargin noPadding noBorder sectionPanel" id="professionalPanel">
                        <p:panel styleClass="noMargin noPadding noBorder" id="candidateCurrentProfessional">
                            <p:dataTable emptyMessage="#{messages.NoProfessionalInfoSelected}" styleClass="professionalTable editTable" id="currentProfessionalInfo" var="currentProfessionalInfo" value="#{editCandidateBean.candidate.candidateProfessionalInfoList}" rowKey="#{currentProfessionalInfo.idCandidateProfessionalInfo}"
                                         selection="#{editCandidateBean.selectedProfessionalInfo}" selectionMode="single">
                                <p:ajax event="rowSelect" update=":professionalForm:professionalInfoDialog" oncomplete="professionalInfoDialog.show();"/>
                                <p:column headerText="#{messages.Sector}" style="width:20%">  
                                    <h:outputText value="#{sectorBundle[currentProfessionalInfo.sector.idSector.toString()]}" />  
                                </p:column>

                                <p:column headerText="#{messages.Company}" style="width:20%">  
                                    <h:outputText value="#{currentProfessionalInfo.company}" />  
                                </p:column>

                                <p:column headerText="#{messages.JobPosition}" style="width:15%">  
                                    <h:outputText value="#{jobPositionBundle[currentProfessionalInfo.jobPosition.idJobPosition.toString()]}" />  
                                </p:column>

                                <p:column headerText="#{messages.StartDate}" style="width:10%">  
                                    <h:outputText value="#{currentProfessionalInfo.startDate}">
                                        <f:convertDateTime pattern="d/M/yyyy"></f:convertDateTime>
                                    </h:outputText>
                                    <h:outputText rendered="#{currentProfessionalInfo.startDate==null}" value="#{messages.Undefined}"/>
                                </p:column>
                                
                                <p:column headerText="#{messages.FinishDate}" style="width:10%">  
                                    <h:outputText value="#{currentProfessionalInfo.finishDate}">
                                        <f:convertDateTime pattern="d/M/yyyy"></f:convertDateTime>
                                    </h:outputText>
                                    <h:outputText rendered="#{currentProfessionalInfo.startDate==null}" value="#{messages.Undefined}"/>
                                </p:column>
                                
                                <p:column headerText="#{messages.JobDuration}" style="width:15%">  
                                    <h:outputText value="#{jobDurationBundle[currentProfessionalInfo.jobDuration.idJobDuration.toString()]}" />  
                                </p:column>   

                                <p:column styleClass="right" style="width:10%">  
                                    <p:commandButton actionListener="#{editCandidateBean.removeCandidateProfessionalInfo(currentProfessionalInfo)}" styleClass="deleteButton" update=":professionalForm:candidateCurrentProfessional" process=":professionalForm:candidateCurrentProfessional" icon="ui-icon-close">  
                                        <p:collector value="#{currentProfessionalInfo}" unique="true" removeFrom="#{editCandidateBean.candidate.candidateProfessionalInfoList}" />
                                    </p:commandButton> 
                                </p:column>

                            </p:dataTable>
                        </p:panel>
                        <p:panel styleClass="marginTop noPaddingTopTitle" header="#{messages.EditAddProfessionalInfo}">
                            <p:panel header="#{messages.ProfessionalTip}" styleClass="tipListPanel floatRight noMargin noPadding noBorder inlineBlock noPaddingTitle">
                                <h:outputText styleClass="tipText" value="#{messages.ProfessionalTipText}"></h:outputText>
                            </p:panel>
                            <div class="listGrid">
                                <h:panelGrid styleClass="noBorderSpacing" columns="1">  
                                    <p:selectOneMenu filter="true" filterMatchMode="contains" required="false" requiredMessage="#{messages.SectorRequired}" converter="#{sectorConverter}" id="selectProfessionalSector"  value="#{editCandidateBean.collectorProfessionalInfo.sector}" effect="fade" label="#{messages.Sector}">  
                                        <f:selectItem itemLabel="#{messages.Sector}" itemValue="" />  
                                        <f:selectItems value="#{userResourcesBean.sectors}" var="sector" itemLabel="#{sectorBundle[sector.idSector.toString()]}" itemValue="#{sector}"/>
                                        <p:ajax update="professionalPanel"/>
                                    </p:selectOneMenu>

                                    <p:inputText  required="true" requiredMessage="#{messages.CompanyRequired}" id="company" value="#{editCandidateBean.collectorProfessionalInfo.company}" label="#{messages.Company}">  
                                        <f:validateLength maximum="100"></f:validateLength>
                                        <p:ajax update="professionalPanel"/>
                                    </p:inputText>  
                                    <p:watermark for="company" value="#{messages.Company}" />

                                    <p:selectOneMenu filter="true" filterMatchMode="contains" required="true" requiredMessage="#{messages.JobPositionRequired}" converter="#{jobPositionConverter}" id="selectJobPosition"  value="#{editCandidateBean.collectorProfessionalInfo.jobPosition}" effect="fade" label="#{messages.JobPosition}">  
                                        <f:selectItem itemLabel="#{messages.JobPosition}" itemValue="" />  
                                        <f:selectItems value="#{userResourcesBean.jobPositions}" var="jobPosition" itemLabel="#{jobPositionBundle[jobPosition.idJobPosition.toString()]}" itemValue="#{jobPosition}"/>
                                        <p:ajax update="professionalPanel"/>
                                    </p:selectOneMenu>
                                    
                                    <p:selectOneMenu  required="true" requiredMessage="#{messages.JobDurationRequired}" converter="#{jobDurationConverter}" id="selectJobDuration"  value="#{editCandidateBean.collectorProfessionalInfo.jobDuration}" effect="fade" label="#{messages.JobDuration}">  
                                        <f:selectItem itemLabel="#{messages.JobDuration}" itemValue="" />  
                                        <f:selectItems value="#{userResourcesBean.jobDurations}" var="jobDuration" itemLabel="#{jobDurationBundle[jobDuration.idJobDuration.toString()]}" itemValue="#{jobDuration}"/>  
                                        <p:ajax update="professionalPanel"/>
                                    </p:selectOneMenu>
                                    
                                    <p:calendar  mindate="1/1/1950" yearRange="c-50:c+50" pattern="dd/MM/yyyy" maxdate="1/1/2050" styleClass="inputCalendar" locale="es" value="#{editCandidateBean.collectorProfessionalInfo.startDate}" navigator="true" required="true" id="startDateProfessional" requiredMessage="#{messages.StartDateRequired}" label="#{messages.StartDate}">
                                        <p:ajax event="dateSelect" update="professionalPanel"/>
                                    </p:calendar>
                                    <p:watermark for="startDateProfessional" value="#{messages.StartDate}" />
                                    
                                    <p:calendar  mindate="1/1/1950" yearRange="c-50:c+50" pattern="dd/MM/yyyy"  styleClass="inputCalendar" locale="es" value="#{editCandidateBean.collectorProfessionalInfo.finishDate}" navigator="true" required="true" id="finishDateProfessional" requiredMessage="#{messages.FinishDateRequired}" label="#{messages.FinishDate}">
                                        <p:ajax event="dateSelect" update="professionalPanel"/>
                                    </p:calendar>
                                    <p:watermark for="finishDateProfessional" value="#{messages.FinishDate}" />
                                    
                                    <p:inputTextarea styleClass="ui-inputtext summaryTextArea"  required="false" id="shortDescription" value="#{editCandidateBean.collectorProfessionalInfo.description}" label="#{messages.Description}" maxlength="150" counter="counter" counterTemplate="{0} #{messages.CharactersRemaining}" >  
                                        <f:validateLength maximum="150"></f:validateLength>
                                        <p:ajax update="professionalPanel"/>
                                    </p:inputTextarea>  
                                    <p:watermark for="shortDescription" value="#{messages.DescriptionProfessional}" />
                                    <h:outputText styleClass="bodyText" id="counter" />
                                    
                                </h:panelGrid>
                                <p:commandButton process="@parent" actionListener="#{editCandidateBean.saveProfessional()}" disabled="#{editCandidateBean.collectorProfessionalInfo.sector==null or editCandidateBean.collectorProfessionalInfo.jobDuration==null or editCandidateBean.collectorProfessionalInfo.jobPosition==null or editCandidateBean.collectorProfessionalInfo.company==null or editCandidateBean.collectorProfessionalInfo.startDate==null or editCandidateBean.collectorProfessionalInfo.finishDate==null}" styleClass="updatePicturesButton formButton professionalBackgroundButton" id="btn_add" value="#{messages.Add}" update=":editCandidateForm:editGrowl professionalPanel"></p:commandButton>    
                            </div>
                        </p:panel>
                    </p:panel>
                </h:form>
                <h:form id="languageForm" enctype="multipart/form-data">
                    <p:panel widgetVar="languagePanel" closable="true" closeSpeed="200" styleClass="noMargin noPadding noBorder sectionPanel" id="languagePanel">
                        <p:dialog position="top" onHide="stopPlayers();" id="editVideoCurrentDialog" styleClass="videoDialog" modal="true" resizable="false" widgetVar="editVideoCurrentDialog" header="#{messages.VideoTag}" draggable="true" closable="true">  
                            <p:panel styleClass="noMargin noPadding noBorder" id="editVideoCurrentDialogPanel">
                                <p:panel rendered="#{editCandidateBean.selectedCurrentVideo!=null}">
                                    <video controls="true" class="video">
                                       <source id="srcMp4" type="video/mp4" src="/candidateFiles/#{editCandidateBean.candidate.idCandidate.toString()}/videos/#{editCandidateBean.selectedCurrentVideo.video}.mp4" />
                                       <source id="srcOgg" type="video/ogg" src="/candidateFiles/#{editCandidateBean.candidate.idCandidate.toString()}/videos/#{editCandidateBean.selectedCurrentVideo.video}.ogg" />
                                       <object id="flowplayer" name="flowplayer" width="640" height="480" data="http://releases.flowplayer.org/swf/flowplayer-3.2.5.swf" 
                                                type="application/x-shockwave-flash">
                                          <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.5.swf" />
                                          <param name="allowfullscreen" value="true" />
                                          <param name="flashvars" 
                                        value='config={"clip":"/candidateFiles/#{editCandidateBean.candidate.idCandidate.toString()}/videos/#{editCandidateBean.selectedCurrentVideo.video}.mp4"}' />
                                       </object>
                                    </video>
                                </p:panel>
                            </p:panel>
                        </p:dialog>
                        <p:panel styleClass="noMargin noPadding noBorder" id="candidateCurrentLanguage">
                            <p:dataTable styleClass="languageTable editTable" emptyMessage="#{messages.NoLanguageInfoSelected}" id="currentLanguageInfo" var="currentLanguageInfo" value="#{editCandidateBean.candidate.candidateLanguageInfoList}">
                                <p:column headerText="#{messages.Language}" style="width:20%">  
                                    <h:outputText value="#{languageBundle[currentLanguageInfo.language.idLanguage.toString()]}" />  
                                </p:column>

                                <p:column headerText="#{messages.LanguageLevel}" style="width:15%">  
                                    <h:outputText value="#{languageLevelBundle[currentLanguageInfo.languageLevel.idLanguageLevel.toString()]}" />  
                                </p:column>
                                <p:column headerText="#{messages.WritingLevel}" style="width:15%">  
                                    <h:outputText value="#{languageLevelBundle[currentLanguageInfo.writingLevel.idLanguageLevel.toString()]}" />  
                                </p:column>
                                <p:column headerText="#{messages.EducationalDescription}" style="width:25%">  
                                    <h:outputText value="#{currentLanguageInfo.description}" />  
                                </p:column>
                                <p:column headerText="#{messages.VideoTag}" style="width:15%">
                                    <p:outputPanel rendered="#{currentLanguageInfo.video!=null and !currentLanguageInfo.video.equals('0')}">
                                        <p:commandLink process="@this" update=":languageForm:editVideoCurrentDialogPanel " oncomplete="editVideoCurrentDialog.show();">
                                            <h:graphicImage styleClass="dataTableIconImage" library="images" name="play.png"></h:graphicImage>
                                            <f:setPropertyActionListener target="#{editCandidateBean.selectedCurrentVideo}" value="#{currentLanguageInfo}"></f:setPropertyActionListener>
                                        </p:commandLink>
                                    </p:outputPanel>

                                    <p:outputPanel id="wi" rendered="#{currentLanguageInfo.video==null}">
                                        <h:graphicImage library="images" name="wrong.png" styleClass="dataTableIconImage"></h:graphicImage>
                                        <p:overlayPanel appendToBody="true" for="wi" showEffect="fade" showEvent="mouseover" hideEvent="mouseout" hideEffect="fade">
                                            <h:outputText style="width:600px;display:inline-block;font-size: 14px;" value="#{messages.VideoTip}"></h:outputText>
                                        </p:overlayPanel>
                                    </p:outputPanel>
                                    
                                    <p:outputPanel  rendered="#{currentLanguageInfo.video!=null and currentLanguageInfo.video.equals('0')}">
                                        <h:graphicImage library="images" name="loading.gif" styleClass="dataTableIconImage"></h:graphicImage>
                                        <p:overlayPanel appendToBody="true" for="wi" showEffect="fade" showEvent="mouseover" hideEvent="mouseout" hideEffect="fade">
                                            <h:outputText style="width:600px;display:inline-block;font-size: 14px;" value="#{messages.VideoTip}"></h:outputText>
                                        </p:overlayPanel>
                                    </p:outputPanel>
                                </p:column>    

                                <p:column styleClass="right" style="width:10%">  
                                    <p:commandButton actionListener="#{editCandidateBean.removeCandidateLanguageInfo(currentLanguageInfo)}" styleClass="deleteButton" update=":languageForm:candidateCurrentLanguage" process=":languageForm:candidateCurrentLanguage" icon="ui-icon-close">  
                                        <p:collector unique="true" value="#{currentLanguageInfo}" removeFrom="#{editCandidateBean.candidate.candidateLanguageInfoList}" />
                                    </p:commandButton> 
                                </p:column>

                            </p:dataTable>
                        </p:panel>
                        <p:panel styleClass="marginTop noPaddingTopTitle" header="#{messages.EditAddCurrentLanguageInfo}">
                            <p:panel header="#{messages.LanguageTip}" styleClass="tipListPanel floatRight noMargin noPadding noBorder inlineBlock noPaddingTitle">
                                <h:outputText styleClass="tipText" value="#{messages.LanguageTipText}"></h:outputText>
                            </p:panel>
                            <div class="listGrid">
                                <h:panelGrid styleClass="noBorderSpacing" columns="1">  
                                    <p:selectOneMenu filter="true" filterMatchMode="contains" required="false" requiredMessage="#{messages.LanguageRequired}" converter="#{languageConverter}" id="selectLanguage"  value="#{editCandidateBean.collectorLanguageInfo.language}" effect="fade" label="#{messages.Language}">  
                                        <f:selectItem itemLabel="#{messages.Language}" itemValue="" />  
                                        <f:selectItems value="#{userResourcesBean.languages}" var="language" itemLabel="#{languageBundle[language.idLanguage.toString()]}" itemValue="#{language}"/>  
                                        <p:ajax update="languagePanel videoUploader"/>
                                    </p:selectOneMenu>

                                    <p:selectOneMenu rendered="#{editCandidateBean.collectorLanguageInfo.language!=null}" required="false" requiredMessage="#{messages.LanguageLevelRequired}" converter="#{languageLevelConverter}" id="selectLanguageLevel"  value="#{editCandidateBean.collectorLanguageInfo.languageLevel}" effect="fade" label="#{messages.LanguageLevel}">  
                                        <f:selectItem itemLabel="#{messages.LanguageLevel}" itemValue="" />  
                                        <f:selectItems value="#{userResourcesBean.languageLevels}" var="languageLevel" itemLabel="#{languageLevelBundle[languageLevel.idLanguageLevel.toString()]}" itemValue="#{languageLevel}"/>  
                                        <p:ajax update="butonAddLanguage videoUploader"/>
                                    </p:selectOneMenu>

                                    <p:selectOneMenu rendered="#{editCandidateBean.collectorLanguageInfo.language!=null}" required="false" requiredMessage="#{messages.WritingLevelRequired}" converter="#{languageLevelConverter}" id="selectWritingLevel"  value="#{editCandidateBean.collectorLanguageInfo.writingLevel}" effect="fade" label="#{messages.WritingLevel}">  
                                        <f:selectItem itemLabel="#{messages.WritingLevel}" itemValue="" />  
                                        <f:selectItems value="#{userResourcesBean.languageLevels}" var="languageLevel" itemLabel="#{languageLevelBundle[languageLevel.idLanguageLevel.toString()]}" itemValue="#{languageLevel}"/>  
                                        <p:ajax update="butonAddLanguage videoUploader"/>
                                    </p:selectOneMenu>

                                    <p:inputText rendered="#{editCandidateBean.collectorLanguageInfo.language!=null}" id="languageDescription" required="false" value="#{editCandidateBean.collectorLanguageInfo.description}" label="#{messages.EducationalDescription}">  
                                        <f:validateLength maximum="100"></f:validateLength>
                                    </p:inputText>  
                                    <p:watermark for="languageDescription" value="#{messages.EducationalDescription}" />

                                    <p:panelGrid columns="2" styleClass="noMargin noPadding noBorder noPaddingCellPanelGrid">
                                        <p:fileUpload id="videoUploader" disabled="#{editCandidateBean.collectorLanguageInfo.language==null or editCandidateBean.collectorLanguageInfo.languageLevel==null or editCandidateBean.collectorLanguageInfo.writingLevel==null}" label="#{messages.VideoTag}" process="languagePanel" update=":editCandidateForm:editGrowl languagePanel :editCandidateForm:botoneraPanel :editCandidateForm:warningPanel" styleClass="videoFileUpload autoFileUpload" auto="true" fileUploadListener="#{editCandidateBean.setVideoToCandidate}" invalidFileMessage="#{messages.InvalidVideoFormat}" sizeLimit="40000000" allowTypes="/(\.|\/)(mp4|MP4|avi|AVI|mov|MOV|flv|FLV|m4a|M4A|3gp|3GP|mpg|MPG|mpeg|MPEG|ogg|OGG|swf|SWF|wav|WAF|webm|WEBM|3g2@3G2|aac|AAC|)$/"></p:fileUpload>
                                        <p:outputPanel id="uploadedVideoOutput">
                                            <h:graphicImage rendered="#{editCandidateBean.collectorLanguageInfo.video!=null and !editCandidateBean.collectorLanguageInfo.video.equals('0')}" styleClass="dataTableIconImage" library="images" name="play.png"></h:graphicImage>
                                        </p:outputPanel>
                                    </p:panelGrid>
                                </h:panelGrid>  
                                    <p:commandButton actionListener="#{editCandidateBean.saveLanguage()}" process="@parent" disabled="#{editCandidateBean.collectorLanguageInfo.language==null or editCandidateBean.collectorLanguageInfo.languageLevel==null or editCandidateBean.collectorLanguageInfo.writingLevel==null}" styleClass="updatePicturesButton formButton languageBackgroundButton" id="butonAddLanguage" value="#{messages.Add}" update=":editCandidateForm:editGrowl languagePanel :editCandidateForm:botoneraPanel :editCandidateForm:warningPanel">  
                                </p:commandButton>    
                            </div>
                        </p:panel>
                    </p:panel>
                </h:form>
                <h:form id="relocatingForm">
                    <p:panel widgetVar="relocatingPanel" closable="true" closeSpeed="200" visible="true" styleClass="noMargin noPadding noBorder sectionPanel" id="relocatingPanel">
                        <p:panel styleClass="noMargin noPadding noBorder" id="candidateCurrentRelocating">
                            <p:dataTable styleClass="relocatingTable editTable" emptyMessage="#{messages.NoRelocatingInfoSelected}" id="currentRelocatingInfo" var="currentRelocatingInfo" value="#{editCandidateBean.candidate.candidateRelocatingInfoList}">
                                <p:column headerText="#{messages.CountryText}" style="width:20%">  
                                    <h:outputText value="#{countryBundle[currentRelocatingInfo.country.idCountry.toString()]}" />  
                                </p:column>

                                <p:column headerText="#{messages.ProvinceText}" style="width:20%">  
                                    <h:outputText rendered="#{currentRelocatingInfo.province==null}" value="#{messages.AnyProvince}" />  
                                    <h:outputText rendered="#{currentRelocatingInfo.province!=null}" value="#{currentRelocatingInfo.province.description}" />  
                                </p:column>   

                                <p:column styleClass="right" style="width:10%">  
                                    <p:commandButton actionListener="#{editCandidateBean.removeCandidateRelocatingInfo(currentRelocatingInfo)}" styleClass="deleteButton" update=":relocatingForm:candidateCurrentRelocating" process=":relocatingForm:candidateCurrentRelocating" icon="ui-icon-close">  
                                        <p:collector unique="true" value="#{currentRelocatingInfo}" removeFrom="#{editCandidateBean.candidate.candidateRelocatingInfoList}" />
                                    </p:commandButton> 
                                </p:column>
                            </p:dataTable>
                        </p:panel>
                        <p:panel styleClass="marginTop noPaddingTopTitle" header="#{messages.EditAddCurrentRelocatingInfo}">
                            <p:panel header="#{messages.RelocatingTip}" styleClass="tipListPanel floatRight noMargin noPadding noBorder inlineBlock noPaddingTitle">
                                <h:outputText styleClass="tipText" value="#{messages.RelocatingTipText}"></h:outputText>
                            </p:panel>
                            <div class="listGrid">
                                <h:panelGrid styleClass="noBorderSpacing" columns="1">  
                                    <p:selectOneMenu filter="true" filterMatchMode="contains" converter="#{countryConverter}" id="selectRelocatingCountry"  value="#{editCandidateBean.collectorRelocatingInfo.country}" effect="fade" label="#{messages.Country}">  
                                        <f:selectItem itemLabel="#{messages.CountryText}" itemValue="" />  
                                        <f:selectItem itemLabel="#{countryBundle[resourcesBean.spain.idCountry.toString()]}" itemValue="#{resourcesBean.spain}" /> 
                                        <f:selectItems value="#{userResourcesBean.countries}" var="country" itemLabel="#{countryBundle[country.idCountry.toString()]}" itemValue="#{country}"/>
                                        <p:ajax update="relocatingPanel"/>
                                    </p:selectOneMenu>                            

                                    <p:selectOneMenu filter="true" filterMatchMode="contains" rendered="#{editCandidateBean.collectorRelocatingInfo.country!=null}" converter="#{provinceConverter}" id="selectRelocatingProvince"  value="#{editCandidateBean.collectorRelocatingInfo.province}" effect="fade" label="#{messages.Province}">  
                                        <f:selectItem itemLabel="#{messages.AnyProvince}" itemValue="" />  
                                        <f:selectItems rendered="#{editCandidateBean.collectorRelocatingInfo.country!=null}" value="#{userResourcesBean.countries[userResourcesBean.countries.indexOf(editCandidateBean.collectorRelocatingInfo.country)].provinceList}" var="province" itemLabel="#{province.description}" itemValue="#{province}"/>
                                        <p:ajax update="relocatingPanel"/>
                                    </p:selectOneMenu>
                                </h:panelGrid>
                                <p:commandButton actionListener="#{editCandidateBean.saveRelocating()}" process="@parent" disabled="#{editCandidateBean.collectorRelocatingInfo.country==null}" styleClass="updatePicturesButton formButton relocatingBackgroundButton" id="buttonAddRelocatingInfo" value="#{messages.Add}" update="relocatingPanel :editCandidateForm:editGrowl"></p:commandButton>    
                            </div>
                        </p:panel>
                    </p:panel>
                </h:form>
                <h:form id="interestForm">
                    <p:panel widgetVar="interestPanel" closable="true" closeSpeed="200" visible="true" styleClass="noMargin noPadding noBorder sectionPanel" id="interestPanel">
                        <p:panel styleClass="noMargin noPadding noBorder" id="candidateCurrentInterest">
                            <p:dataTable styleClass="interestTable editTable" emptyMessage="#{messages.NoInterestAreasSelected}" id="currentInterestArea" var="currentInterestArea" value="#{editCandidateBean.candidate.candidateInterestAreaList}">
                                <p:column headerText="#{messages.Sector}" style="width:20%">  
                                    <h:outputText value="#{sectorBundle[currentInterestArea.sector.idSector.toString()]}" />  
                                </p:column>

                                <p:column headerText="#{messages.JobPosition}" style="width:20%">  
                                    <h:outputText value="#{jobPositionBundle[currentInterestArea.jobPosition.idJobPosition.toString()]}" />  
                                </p:column>

                                <p:column headerText="#{messages.DesiredSalary}" style="width:20%">  
                                    <h:outputText value="#{currentInterestArea.desiredSalary.description}" />  
                                </p:column>    

                                <p:column styleClass="right" style="width:10%">  
                                    <p:commandButton actionListener="#{editCandidateBean.removeCandidateInterestArea(currentInterestArea)}" styleClass="deleteButton" update=":interestForm:candidateCurrentInterest" process=":interestForm:candidateCurrentInterest" icon="ui-icon-close">  
                                        <p:collector unique="true" value="#{currentInterestArea}" removeFrom="#{editCandidateBean.candidate.candidateInterestAreaList}" />
                                    </p:commandButton> 
                                </p:column>
                            </p:dataTable>
                        </p:panel>
                        <p:panel styleClass="marginTop noPaddingTopTitle" header="#{messages.EditAddCurrentInterestAreas}">
                            <p:panel header="#{messages.InterestTip}" styleClass="tipListPanel floatRight noMargin noPadding noBorder inlineBlock noPaddingTitle">
                                <h:outputText styleClass="tipText" value="#{messages.InterestTipText}"></h:outputText>
                            </p:panel>
                            <div class="listGrid">
                                <h:panelGrid styleClass="noBorderSpacing" columns="1">  
                                    <p:selectOneMenu filter="true" filterMatchMode="contains" converter="#{sectorConverter}" id="selectInterestSector"  value="#{editCandidateBean.collectorInterestArea.sector}" effect="fade" label="#{messages.Sector}">  
                                        <f:selectItem itemLabel="#{messages.Sector}" itemValue="" />  
                                        <f:selectItems value="#{userResourcesBean.sectors}" var="sector" itemLabel="#{sectorBundle[sector.idSector.toString()]}" itemValue="#{sector}"/>
                                        <p:ajax update="interestPanel"/>
                                    </p:selectOneMenu>

                                    <p:selectOneMenu filter="true" filterMatchMode="contains" converter="#{jobPositionConverter}" id="selectInterestJobPosition"  value="#{editCandidateBean.collectorInterestArea.jobPosition}" effect="fade" label="#{messages.JobPosition}">  
                                        <f:selectItem itemLabel="#{messages.JobPosition}" itemValue="" />  
                                        <f:selectItems value="#{userResourcesBean.jobPositions}" var="jobPosition" itemLabel="#{jobPositionBundle[jobPosition.idJobPosition.toString()]}" itemValue="#{jobPosition}"/>
                                        <p:ajax update="interestPanel"/>
                                    </p:selectOneMenu>

                                    <p:selectOneMenu converter="#{desiredSalaryConverter}" id="selectDesiredSalary"  value="#{editCandidateBean.collectorInterestArea.desiredSalary}" effect="fade" label="#{messages.DesiredSalary}">  
                                        <f:selectItem itemLabel="#{messages.DesiredSalary}" itemValue="" />  
                                        <f:selectItems value="#{resourcesBean.desiredSalaries}" var="desiredSalary" itemLabel="#{desiredSalary.description}" itemValue="#{desiredSalary}"/>  
                                        <p:ajax update="interestPanel"/>
                                    </p:selectOneMenu>
                                </h:panelGrid>
                                <p:commandButton actionListener="#{editCandidateBean.saveInterest()}" process="@parent" disabled="#{editCandidateBean.collectorInterestArea.sector==null and editCandidateBean.collectorInterestArea.jobPosition==null and editCandidateBean.collectorInterestArea.desiredSalary==null}" styleClass="updatePicturesButton formButton interestBackgroundButton" id="butonAddInterestArea" value="#{messages.Add}" update="interestPanel :editCandidateForm:editGrowl"></p:commandButton>    
                            </div>
                        </p:panel>
                    </p:panel>
                </h:form>
                <h:form>
                    <p:socket onMessage="handleMessageVU" channel="/videoUpdated/#{editCandidateBean.candidate.idCandidate}"/>  
                    <p:remoteCommand async="true" name="vUCommand"  update=":languageForm:candidateCurrentLanguage" ></p:remoteCommand>
                <script type="text/javascript">  
                    function handleMessageVU(updateVideoData) {
                        vUCommand([{name: 'candidateLanguageInfo', value: updateVideoData}]);
                    }  
                </script>
                </h:form>
                </div>
            </ui:define>

        </ui:composition>
         
    </body>
</html>
